// 宽度
@for $i from 1 through 99 {
  .w-#{$i} {
    width: 1px * $i;
  }
  .min-w-#{$i} {
    min-width: 1px * $i;
  }
  .max-w-#{$i} {
    max-width: 1px * $i;
  }
}
@for $i from 1 through 10 {
  .w-#{$i*100} {
    width: 100px * $i;
  }
  .min-w-#{$i*100} {
    min-width: 100px * $i;
  }
  .max-w-#{$i*100} {
    max-width: 100px * $i;
  }
}
.w{
  &-auto{width: auto;}
  &-1\/2{width: 50%;}
  &-1\/3{width: 33.333333%;}
  &-2\/3{width: 66.666667%;}
  &-1\/4{width: 25%;}
  &-2\/4{width: 50%;}
  &-3\/4{width: 75%;}
  &-1\/5{width: 20%;}
  &-2\/5{width: 40%;}
  &-3\/5{width: 60%;}
  &-4\/5{width: 80%;}
  &-1\/6{width: 16.666667%;}
  &-2\/6{width: 33.333333%;}
  &-3\/6{width: 50%;}
  &-4\/6{width: 66.666667%;}
  &-5\/6{width: 83.333333%;}
  &-1\/1{width: 8.333333%;}
  &-2\/12{width: 16.666667%;}
  &-3\/12{width: 25%;}
  &-4\/12{width: 33.333333%;}
  &-5\/12{width: 41.666667%;}
  &-6\/12{width: 50%;}
  &-7\/12{width: 58.333333%;}
  &-8\/12{width: 66.666667%;}
  &-9\/12{width: 75%;}
  &-10\/12{width: 83.333333%;}
  &-11\/12{width: 91.666667%;}
  &-full{width: 100%;}
  &-screen{width: 100vw;}
  &-min{width: min-content;}
  &-max{width: max-content;}
}

.min-w-0{min-width: 0px;}
.min-w-full{min-width: 100%;}
.min-w-min{min-width: min-content;}
.min-w-max{min-width: max-content;}